<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // JS组成
    // ECMAScript  DOM BOM

    // BOM (borwser Object Model) 浏览器对象模型  => 提供了操作浏览器的接口和方法  (如: 页面跳转和关闭 历史记录 地址栏信息  设备信息 屏幕信息)

    // window => 浏览器窗口/全局对象(Global Object)
    // 存储当前浏览器窗口中所有全局的变量和方法  (系统内置 + 用户自定义的) , 一般情况下window可以省略

    // window.getComputedStyle()
    // window.alert()
    // prompt()
    // Map
    // Set()
    // String()
    // Number()
    // Boolean()

    // var a = 10;
    // var b = 20;

    // function double(v){
    //     return v * 2;
    // }
    
    console.log(window);

    // window下的子对象:(其实有很多 => 当前学习和浏览器相关的)
    //     document
    //     history   历史对象
    //     location  地址栏对象
    //     navigator  设备信息
    //     screen    屏幕信息



</script>
</html>